<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      >
    <!--Author : Dr. M H B Ariyaratne, MO(Health Information), buddhika.ari@gmail.com-->
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>#{labels.topic}</title>
        <h:outputStylesheet library="css" name="style.css" />
    </h:head>
    <h:body  >
        <h:form >

            <div id="background">
                <div id="page">
                    <div id="header">
                        <span id="connect">
                            <a href="https://www.facebook.com/suwanihealth" class="facebook"></a>
                            <a href="#" class="twitter"></a>
                            <a href="#" class="vimeo"></a>
                        </span>
                        <span id="infos">
                            <h:commandLink value="Staff Login" action="home" ></h:commandLink>
                            |
                            <h:commandLink value="Administrator" action="home" ></h:commandLink>
                        </span>
                        <h:commandLink action="index" ></h:commandLink>
                        <a href="#" id="logo"></a>
                        <!-- /#logo -->
                        <ul id="navigation">
                            <li class="selected"><h:commandLink value="Home" action="index" ></h:commandLink></li>
                            <li><h:commandLink value="About" action="about" ></h:commandLink> </li>
                            <li><h:commandLink value="Reports" action="reports" ></h:commandLink></li>
                            <li><h:commandLink value="Channel" action="channelling" ></h:commandLink></li>
                            <li><h:commandLink value="Contact" action="contact-us" ></h:commandLink></li>
                        </ul>
                    </div>
                    <!-- /#header -->
                    <div id="contents">
                        <div id="main">
                            <div id="adbox"> <p:graphicImage library="images" name="hospital02.jpg" /> </div>
                        </div>
                        <div id="featured">
                            <ul>
                                <li><p:graphicImage styleClass="smallImage" library="images" name="lab01.jpg" alt=""/></li>
                                <li><p:graphicImage styleClass="smallImage"  library="images" name="doc01.jpg" alt=""/></li>
                                <li><p:graphicImage styleClass="smallImage"  library="images" name="hospital01.jpg" alt=""/></li>
                                <li class="last"><p:graphicImage  styleClass="smallImage" library="images" name="lab02.jpg" alt=""/></li>
                            </ul>
                            <!--<a href="shop.html" class="button">shop here!</a> -->
                        </div>
                    </div>
                    <!-- /#contents -->
                  <div id="footer">
                        <div id="description">
                            <div> 
                                <span><a href="http://www.lakmedi.com">Copyright &copy; 2012 Lakmedipro Pvt Ltd. All rights reserved</a> 
                                </span></div>
                        </div>
                    </div>
                    <!-- /#footer -->
                </div>
                <!-- /#page -->
            </div>
            <!-- /#background -->

        </h:form>
    </h:body>
</html>
